<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>

	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>立案 管理系统</title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- Bootstrap 3.3.5 -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<!-- Font Awesome -->
		<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.css">
		<!-- Ionicons -->
		<!--<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">-->
		<!-- Theme style -->
		<link rel="stylesheet" href="css/AdminLTE.css">
		<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
		<link rel="stylesheet" href="css/skins/skin-blue.min.css">
<link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.css"/>
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
        <script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">
		<div class="wrapper">

			<!-- Main Header -->
			<header class="main-header">

				<!-- Logo -->
				<a href="/" class="logo">
					<!-- mini logo for sidebar mini 50x50 pixels -->
					<span class="logo-mini"><b>A</b>nt</span>
					<!-- logo for regular state and mobile devices -->
					<span class="logo-lg"><b>Ant</b>Dz</span>
				</a>

				<!-- Header Navbar -->
				<nav class="navbar navbar-static-top" role="navigation">
					<!-- Sidebar toggle button-->
					<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
						<span class="sr-only">Toggle navigation</span>
					</a>
					<!-- Navbar Right Menu -->
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<!-- Messages: style can be found in dropdown.less-->
							<li class="dropdown messages-menu">
								<!-- Menu toggle button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-envelope-o"></i>
									<span class="label label-success">4</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">你有 4 信息</li>
									<li>
										<!-- inner menu: contains the messages -->
										<ul class="menu">
											<li>
												<!-- start message -->
												<a href="#">
													<div class="pull-left">
														<!-- User Image -->
														<img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">
													</div>
													<!-- Message title and timestamp -->
													<h4>
                            Support Team
                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                          </h4>
													<!-- The message -->
													<p>Why not buy a new awesome theme?</p>
												</a>
											</li>
											<!-- end message -->
										</ul>
										<!-- /.menu -->
									</li>
									<li class="footer"><a href="#">See All Messages</a></li>
								</ul>
							</li>
							<!-- /.messages-menu -->

							<!-- Notifications Menu -->
							<li class="dropdown notifications-menu">
								<!-- Menu toggle button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-bell-o"></i>
									<span class="label label-warning">10</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">You have 10 notifications</li>
									<li>
										<!-- Inner Menu: contains the notifications -->
										<ul class="menu">
											<li>
												<!-- start notification -->
												<a href="#">
													<i class="fa fa-users text-aqua"></i> 5 new members joined today
												</a>
											</li>
											<!-- end notification -->
										</ul>
									</li>
									<li class="footer"><a href="#">View all</a></li>
								</ul>
							</li>
							<!-- Tasks Menu -->
							<li class="dropdown tasks-menu">
								<!-- Menu Toggle Button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-flag-o"></i>
									<span class="label label-danger">9</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">你有 9 任务</li>
									<li>
										<!-- Inner menu: contains the tasks -->
										<ul class="menu">
											<li>
												<!-- Task item -->
												<a href="#">
													<!-- Task title and progress text -->
													<h3>
                            任务进度
                            <small class="pull-right">20%</small>
                          </h3>
													<!-- The progress bar -->
													<div class="progress xs">
														<!-- Change the css width attribute to simulate progress -->
														<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">20% Complete</span>
														</div>
													</div>
												</a>
											</li>
											<!-- end task item -->
										</ul>
									</li>
									<li class="footer">
										<a href="#">View all tasks</a>
									</li>
								</ul>
							</li>
							<!-- User Account Menu -->
							<li class="dropdown user user-menu">
								<!-- Menu Toggle Button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<!-- The user image in the navbar-->
									<img src="img/user1-128x128.jpg" class="user-image" alt="User Image">
									<!-- hidden-xs hides the username on small devices so only the image appears. -->
									<span class="hidden-xs">管理员</span>
								</a>
								<ul class="dropdown-menu">
									<!-- The user image in the menu -->
									<li class="user-header">
										<img src="img/user1-128x128.jpg" class="img-circle" alt="User Image">
										<p>
											antdz - Web Developer
											<small>个人简介</small>
										</p>
									</li>
									<!-- Menu Body -->
									<li class="user-body">
										<div class="col-xs-4 text-center">
											<a href="#">Followers</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Sales</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Friends</a>
										</div>
									</li>
									<!-- Menu Footer-->
									<li class="user-footer">
										<div class="pull-left">
											<a href="#" class="btn btn-default btn-flat">个人资料</a>
										</div>
										<div class="pull-right">
											<a href="#" class="btn btn-default btn-flat">登出</a>
										</div>
									</li>
								</ul>
							</li>
							<!-- Control Sidebar Toggle Button -->
							<li>
								<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
							</li>
						</ul>
					</div>
				</nav>
			</header>
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="main-sidebar">

				<!-- sidebar: style can be found in sidebar.less -->
				<section class="sidebar">

					<!-- Sidebar user panel (optional) -->
					<div class="user-panel">
						<div class="pull-left image">
							<img src="img/user1-128x128.jpg" class="img-circle" alt="User Image">
						</div>
						<div class="pull-left info">
							<p>管理员</p>
							<!-- Status -->
							<!--<a href="#"><i class="fa fa-circle text-success"></i> Online</a>-->
						</div>
					</div>

					<!-- search form (Optional) -->
					<form action="#" method="get" class="sidebar-form">
						<div class="input-group">
							<input type="text" name="q" class="form-control" placeholder="搜索...">
							<span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
						</div>
					</form>
					<!-- /.search form -->

					<!-- Sidebar Menu -->
					<ul class="sidebar-menu">
						<li class="header">菜单</li>
						<!-- Optionally, you can add icons to the links -->

						<li class="active"><a href="#"><i class="fa fa-home"></i> <span>案件</span></a></li>
						<li><a href="#"><i class="fa fa-legal fa-file-o"></i> <span>案件</span></a></li>
						<li><a href="#"><i class="fa fa-tasks"></i> <span>任务</span></a></li>
						<li><a href="#"><i class="fa fa-calendar"></i> <span>日程</span></a></li>
						<li><a href="#"><i class="fa fa-user"></i> <span>客户</span></a></li>
						<li><a href="#"><i class="fa fa-bell-o"></i> <span>通知</span></a></li>
						<li><a href="#"><i class="fa fa-envelope-o"></i> <span>私信</span></a></li>
						<!--<li class="treeview">
							<a href="#"><i class="fa fa-tasks"></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
							<ul class="treeview-menu">
								<li><a href="#">Link in level 2</a></li>
								<li><a href="#">Link in level 2</a></li>
							</ul>
						</li>-->
					</ul>
					<!-- /.sidebar-menu -->
				</section>
				<!-- /.sidebar -->
			</aside>

			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper">
				<!-- Content Header (Page header) -->
				<section class="content-header">
					<h1>立案 <small>Case</small>
          </h1>
					<ol class="breadcrumb">
						<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
						<li class="active">Here</li>
					</ol>
				</section>

				<!-- Main content -->
				<section class="content">

					<!-- 主要内容显示区 -->

					<div class="row">
						<div class="col-md-8">
							<div class="box box-default">
								<div class="box-header">
									<i class="ion ion-clipboard"></i>
									<h3 class="box-title">立案填写区</h3>
								</div>
								<!-- /.box-header -->
								<style>
								#ant_case td{
									padding-top: 5px;
									padding-bottom: 5px;
									font-size: 14px;
								}
								#ant_case table{
									border-color: #ccc;
								}
								#ant_case .w_7{
									width: 70%;
								}
								#ant_case .w_6{
									width: 60%;
								}
								#ant_case .w_4{
									width: 40%;
								}
								#ant_case .w_10{
									width: 100%;
								}
								#ant_case .w_9{
									width: 90%;
								}
								
								</style>
								<div class="box-body">
									<form action="filingApplication.action" id="form" method="post" enctype="multipart/form-data">
										<div class="row">
											<div class="col-md-12 text-center">
												<h4>立案申请表</h4>
											</div>
											<div class="col-xs-4">案件编号：
												<input type="text" name="caseNumber" class="">
											</div>
											<div class="col-xs-4">立案时间：
												<input type="text" id="caseDate" name="caseDate">
											</div>
											<div class="col-xs-4">案件名 ：
											<input type="text"  name="caseName" value="<s:property value='caseName'/>">
											
											</div>
											<div class="col-xs-4">该案是否属于特殊案件：
												<label>
													<input type="radio" name="caseIsSpecial" value=true>是 </label>
												<label>
													<input type="radio" name="caseIsSpecial" checked="checked" value=false>否 </label>
											</div>
											<div class="col-md-12" id="ant_case">
												<table cellSpacing=0 cellPadding=0 width="100%" border=1px>
													<tr height="30px">
														<td width="50%">部门负责人：
															<input type="text" id="manager" class="manager" name="manager">
															<input type="hidden" name="caseCharge">

														</td>
														<td width="50%">&nbsp;&nbsp;办公室：
															<select name="caseOffice">
																<option selected value=0>德恒青岛办公室</option>
																<option value=1>德恒济南办公室</option>
															</select>
														</td>
													</tr>
													<tr>
														<td width="10%" colspan="2">案件类型&nbsp;&nbsp;
															<select name="casePreType" id="choose">
																<option selected value="法律顾问">法律顾问</option>
																<option value="诉讼与仲裁业务（非刑事）">诉讼与仲裁业务（非刑事）</option>
																<option value="诉讼与仲裁业务（刑事）">诉讼与仲裁业务（刑事）</option>
																<option value="非诉讼业务">非诉讼业务</option>
															</select>
														</td>
													</tr>
												</table>
												<!-- 优美的分割线 -->
												<div id="change">
													<!-- ***********************法律顾问*************************************** -->
													<div id="flgw" style="display:block;">
														<table cellSpacing=0 cellPadding=0 width="100%" border=1px>
															<tr>
																<td width="10%">案件类别</td>
																<td width="90%">
																	<input name="caseType" id="caseType" type="text" readonly="readOnly" /> &nbsp;&nbsp;
																	<input name="caseAuxiliaryType" id="caseAuxiliaryType" type="text" readonly="readOnly" />
																	<input type="button" class="caseAuxiliaryTypeChoose" value=".." />
																</td>
															</tr>
															<tr id="caseTypeChooseTr" style="display: none">
																<td colspan="2">
																	<table id="caseTypeChooseTable" width="100%" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#330000" bgcolor="#EAEAEA" style="border-collapse: collapse">
																		<tr>
																			<td colspan="3" align="right">
																				<input type="button" id="closeCaseTypeChoose" value="×" />
																			</td>
																		</tr>
																		<tr>
																			<td width="10%" align="center">
																				<strong>类别</strong>
																			</td>
																			<td colspan="2" align="center"><strong>服务种类</strong>

																			</td>
																		</tr>
																		<tr>
																			<td rowspan="10" align="center">
																				<p> <strong>F</strong></p>
																				<p> <strong><br> 法</strong> </p>
																				<p> <strong>律</strong> </p>
																				<p> <strong>顾</strong> </p>
																				<p> <strong>问 </strong> </p>
																			</td>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F1、担任市政府、区政府法律顾问</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F2、办理政府职能部门法律事务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F3、办理乡镇政府法律服务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F4、担任事业单位法律顾问</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F5、担任社会团体及群众组织法律顾问</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F6、担任街道办事处法律顾问</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F7、担任村委会法律顾问</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F8、担任大中型企业法律顾问</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F9、担任乡镇企业法律顾问</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">F10、担任其他企业法律顾问</a>
																				</div>
																			</td>
																		</tr>
																	</table>
																</td>
															</tr>

															<s:iterator value="clientType" status="status">
																<tr>
																	<s:if test="%{#status.index==0}">
																		<td rowspan="<s:property value='clientType.size()'/>">委托人</td>
																	</s:if>
																	<td>
																		<input type="text" name="clientName" readOnly="readOnly" value='<s:property value="%{client[#status.index]}"/>'>
																		<input type="hidden" name="clientType" readOnly="readOnly" value=<s:property />></td>
																</tr>
															</s:iterator>
															<tr>
																<td>案源人</td>
																<td>
																	<input type="text" name="caseSource">
																</td>
															</tr>

															<tr>
																<td>案情简况</td>
																<td>
																	<textarea name="caseProfile" class="w_10" ></textarea>
																</td>
															</tr>
															<tr>
																<td>顾问时间</td>
																<td>
																	<input name="caseStartdate" onClick="WdatePicker()">至
																	<input name="caseEnddate" onClick="WdatePicker()">
																</td>
															</tr>
														</table>
													</div>
													<!-- ******************************************************************** -->

													<!-- ***********************诉讼与仲裁业务（非刑事）************************* -->
													<div id="ssyzcywfxs" style="display:block;">
														<table cellSpacing=0 cellPadding=0 width="100%" border=1px>
															<tr>
																<td width="10%">案件类别</td>
																<td width="90%">
																	<input name="caseType" id="caseType" type="text" readonly="readOnly"> &nbsp;&nbsp;
																	<input name="caseAuxiliaryType" id="caseAuxiliaryType" type="text" readonly="readOnly">

																	<input type="button" class="caseAuxiliaryTypeChoose" value="..">
																</td>
															</tr>

															<tr id="caseTypeChooseTr" style="display: none">
																<td colspan="2">
																	<table width="100%" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#330000" bgcolor="#EAEAEA" style="border-collapse: collapse">
																		<tr>
																			<td align="right" colspan="5">
																				<input type="button" id="closeCaseTypeChoose" value="×" />
																			</td>
																		</tr>
																		<tr>
																			<td width="10%" align="center"><strong>类别</strong>
																			</td>
																			<td width="40%" align="center"><strong>服务种类</strong>
																			</td>
																			<td width="10%" align="center"><strong>类别</strong>
																			</td>
																			<td width="40%" colspan="2" align="center"><strong>服务种类</strong>
																			</td>
																		</tr>
																		<tr>
																			<td rowspan="7" align="center"><strong>A<br>
											刑事<br> 诉讼<br> 辩护<br> 及<br> 代理 </strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A1、为犯罪嫌疑人提供法律咨询代为申诉、控告</a>
																				</div>
																			</td>
																			<td rowspan="8" align="center"><strong>C<br />
											行政<br /> 案件<br /> 诉讼<br /> 代理</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C1、治安管理处罚</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A2、为犯罪嫌疑人申请取保候审</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C2、工商管理</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A3、被告人委托辩护</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C3、税务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A4、法院指定辩护</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C4、土地管理</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A5、自诉案件代理</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C5、物价监督</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A6、公诉案件代理</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C6、房产管理</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A7、其他</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C7、海关</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td rowspan="5" align="center"><strong>B<br />
											民事<br /> 案件<br /> 诉讼<br /> 代理</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B1、婚姻、家庭</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C8、其他</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B2、继承</a>
																				</div>
																			</td>
																			<td rowspan="5" align="center"><strong>D<br />
											经济<br /> 案件<br /> 诉讼<br /> 代理</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">D1、经济合同纠纷</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					B3、房地产（<a href="" class="caseTypeChoose">B3-1、个人</a>；<a href="" class="caseTypeChoose">B3-2、单位</a>）</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">D2、海事、海商</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B4、知识产权</a>
																				</div>
																			</td>
																			<td rowspan="2" align="center">
																				<div align="left">
																					D3、金融、证券、期货
																					<br /> <a href="" class="caseTypeChoose">D3-1、金融</a>、<a href="" class="caseTypeChoose">D3-2、证券</a>、<a href="" class="caseTypeChoose">D3-3、期货</a>
																				</div>
																				<div align="left">
																					<a href="" class="caseTypeChoose"></a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B5、其他</a>
																				</div>
																			</td>
																		</tr>

																		<tr>
																			<td align="center"><strong>其他</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">G1、仲裁</a>、<a href="" class="caseTypeChoose">H1、执行</a>
																				</div>
																			</td>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">D4、反倾销</a>
																				</div>
																			</td>
																		</tr>
																	</table>
																</td>
															</tr>

															<tr>
																<td>案源人</td>
																<td>
																	<input type="text" name="caseSource"> 案件标的额
																	<input type="text" name="caseAmountSubject">元</td>
															</tr>

															<s:iterator value="clientType" status="status">
																<tr>
																	<s:if test="%{#status.index==0}">
																		<td rowspan="<s:property value='clientType.size()'/>">委托人</td>
																	</s:if>
																	<td>
																		<input type="text" name="clientName" readOnly="readOnly" value='<s:property value="%{client[#status.index]}"/>'>
																		<input type="hidden" name="clientType" readOnly="readOnly" value=<s:property />></td>
																</tr>
															</s:iterator>
															<s:iterator value="contrayClientType" status="status">
																<tr>
																	<s:if test="%{#status.index==0}">
																		<td rowspan="<s:property value='contrayClientType.size()'/>">对方当事人</td>
																	</s:if>
																	<td>
																		<input type="text" name="contrayClientName" readOnly="readOnly" value='<s:property value="%{contrayClient[#status.index]}"/>'>
																		<input type="hidden" name="contrayClientType" readOnly="readOnly" value=<s:property />></td>
																</tr>
															</s:iterator>
															<tr>
																<td>案情简况</td>
																<td>
																	<textarea name="caseProfile" class="w_10" ></textarea>
																</td>
															</tr>
															<tr>
																<td>审级</td>
																<td>
																	<select name="caseTrialGrade">
																		<option selected value="法律帮助">法律帮助</option>
																		<option value="审查起诉">审查起诉</option>
																		<option value="一审辩护">一审辩护</option>
																		<option value="二审辩护">二审辩护</option>
																		<option value="代理申诉">代理申诉</option>
																		<option value="诉讼代理">诉讼代理</option>
																	</select>
																</td>
															</tr>
														</table>
													</div>
													<!-- ******************************************************************** -->

													<!-- ***********************诉讼与仲裁业务（刑事）*************************** -->
													<div id="ssyzcywxs" style="display:block;">
														<table cellSpacing=0 cellPadding=0 width="100%" border=1px>
															<tr>
																<td width="10%">案件类别</td>
																<td width="90%">
																	<input name="caseType" id="caseType" type="text" readonly="readOnly">
																</td>
															</tr>

															<tr id="caseTypeChooseTr" style="display: none">
																<td colspan="2">
																	<table width="100%" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#330000" bgcolor="#EAEAEA" style="border-collapse: collapse">
																		<tr>
																			<td align="right" colspan="5">
																				<input type="button" id="closeCaseTypeChoose" value="×" />
																			</td>
																		</tr>
																		<tr>
																			<td width="10%" align="center"><strong>类别</strong>
																			</td>
																			<td width="40%" align="center"><strong>服务种类</strong>
																			</td>
																			<td width="10%" align="center"><strong>类别</strong>
																			</td>
																			<td width="40%" colspan="2" align="center"><strong>服务种类</strong>
																			</td>
																		</tr>
																		<tr>
																			<td rowspan="7" align="center"><strong>A<br>
											刑事<br> 诉讼<br> 辩护<br> 及<br> 代理 </strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A1、为犯罪嫌疑人提供法律咨询代为申诉、控告</a>
																				</div>
																			</td>
																			<td rowspan="8" align="center"><strong>C<br />
											行政<br /> 案件<br /> 诉讼<br /> 代理</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C1、治安管理处罚</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A2、为犯罪嫌疑人申请取保候审</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C2、工商管理</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A3、被告人委托辩护</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C3、税务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A4、法院指定辩护</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C4、土地管理</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A5、自诉案件代理</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C5、物价监督</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A6、公诉案件代理</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C6、房产管理</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">A7、其他</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C7、海关</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td rowspan="5" align="center"><strong>B<br />
											民事<br /> 案件<br /> 诉讼<br /> 代理</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B1、婚姻、家庭</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">C8、其他</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B2、继承</a>
																				</div>
																			</td>
																			<td rowspan="5" align="center"><strong>D<br />
											经济<br /> 案件<br /> 诉讼<br /> 代理</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">D1、经济合同纠纷</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					B3、房地产（<a href="" class="caseTypeChoose">B3-1、个人</a>；<a href="" class="caseTypeChoose">B3-2、单位</a>）</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">D2、海事、海商</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B4、知识产权</a>
																				</div>
																			</td>
																			<td rowspan="2" align="center">
																				<div align="left">
																					D3、金融、证券、期货
																					<br /> <a href="" class="caseTypeChoose">D3-1、金融</a>、<a href="" class="caseTypeChoose">D3-2、证券</a>、<a href="" class="caseTypeChoose">D3-3、期货</a>
																				</div>
																				<div align="left">
																					<a href="" class="caseTypeChoose"></a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">B5、其他</a>
																				</div>
																			</td>
																		</tr>

																		<tr>
																			<td align="center"><strong>其他</strong>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">G1、仲裁</a>、<a href="" class="caseTypeChoose">H1、执行</a>
																				</div>
																			</td>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">D4、反倾销</a>
																				</div>
																			</td>
																		</tr>
																	</table>
																</td>
															</tr>

															<tr>
																<td>案源人</td>
																<td>
																	<input type="text" name="caseSource">
																	<!--改动了-->是否未成年人案件
																	<input type="radio" name="caseIsNonage" value=true>是
																	<input type="radio" name="caseIsNonage" checked="checked" value=false>否
																</td>
															</tr>
															<tr>
																<td>当事人</td>
																<td>
																	<select name="casePartyType">
																		<option selected value="犯罪嫌疑人">犯罪嫌疑人</option>
																		<option value="被告人">被告人</option>
																		<option value="被害人">被害人</option>
																	</select>
																	<input type="text" name="caseParty"> 单位:
																	<input type="text" name="casePartyCompany"> 受害人
																	<input type="text" name="caseVictim">
															</tr>
															<s:iterator value="clientType" status="status">
																<tr>
																	<s:if test="%{#status.index==0}">
																		<td rowspan="<s:property value='clientType.size()'/>">委托人</td>
																	</s:if>
																	<td>
																		<input type="text" name="clientName" readOnly="readOnly" value='<s:property value="%{client[#status.index]}"/>'>
																		<input type="hidden" name="clientType" readOnly="readOnly" value=<s:property />></td>
																</tr>
															</s:iterator>
															<s:iterator value="contrayClientType" status="status">
																<tr>
																	<s:if test="%{#status.index==0}">
																		<td rowspan="<s:property value='contrayClientType.size()'/>">对方当事人</td>
																	</s:if>
																	<td>
																		<input type="text" name="contrayClientName" readOnly="readOnly" value='<s:property value="%{contrayClient[#status.index]}"/>'>
																		<input type="hidden" name="contrayClientType" readOnly="readOnly" value=<s:property />></td>
																</tr>
															</s:iterator>
															<tr>
																<td>案情简况</td>
																<td>
																	<textarea name="caseProfile" class="w_10" ></textarea>
																</td>
															</tr>
															<tr>
																<td>审级</td>
																<td>
																	<select name="caseTrialGrade">
																		<option selected value="法律帮助">法律帮助</option>
																		<option value="审查起诉">审查起诉</option>
																		<option value="一审辩护">一审辩护</option>
																		<option value="二审辩护">二审辩护</option>
																		<option value="代理申诉">代理申诉</option>
																		<option value="诉讼代理">诉讼代理</option>
																	</select>
																</td>
															</tr>
														</table>
													</div>

													<!-- ******************************************************************** -->

													<!--*************************非诉讼业务*************************************-->
													<div id="fssyw" style="display:block;">
														<table cellSpacing=0 cellPadding=0 width="100%" border=1px>
															<tr>
																<td width="10%">案件类别</td>
																<td width="90%">
																	<input name="caseType" id="caseType" type="text" readonly="readOnly"> &nbsp;&nbsp;
																	<input name="caseAuxiliaryType" id="caseAuxiliaryType" type="text" readonly="readOnly">

																	<input type="button" class="caseAuxiliaryTypeChoose" value="..">
																</td>
															</tr>

															<tr id="caseTypeChooseTr" style="display: none">
																<td colspan="2">
																	<TABLE width="100%" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#330000" bgcolor="#EAEAEA" style="border-collapse: collapse">
																		<tr>
																			<td colspan="3" align="right">
																				<input type="button" id="closeCaseTypeChoose" value="×" />
																			</td>
																		</tr>
																		<tr>
																			<td width="10%" align="center"><strong>类别</strong>
																			</td>
																			<td colspan="2" align="center"><strong>服务种类</strong>
																			</td>
																		</tr>
																		<tr>
																			<td rowspan="13" align="center"><strong>E<br>
											非<br> 诉<br> 讼<br> 法<br> 律<br> 事<br>
											务</strong>
																			</td>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E1、审查起草修改</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E2、出具法律意见书</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E3、提供咨询建议书</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E4、见证</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E5、参加谈判</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E6、参与调解和仲裁</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E7、企业改制</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E8、企业破产清算</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E9、为外商来华投资服务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E10、税务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E11、为境外公司作上市服务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E12、为国内公司作上市服务</a>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E13、项目顾问</a>
																				</div>
																			</td>
																			<td align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">E14、其他</a>
																				</div>
																			</td>
																		</tr>

																		<tr>
																			<td align="center"><strong>其他</strong>
																			</td>
																			<td colspan="2" align="center">
																				<div align="left">
																					<a href="" class="caseTypeChoose">H1、执行</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" class="caseTypeChoose">I1、咨询</a>
																				</div>
																			</td>
																		</tr>
																	</table>
																</td>
															</tr>

															<tr>
																<td>案源人</td>
																<td>
																	<input type="text" name="caseSource">
																</td>
															</tr>
															<!--改动了-->

															<s:iterator value="clientType" status="status">
																<tr>
																	<s:if test="%{#status.index==0}">
																		<td rowspan="<s:property value='clientType.size()'/>">委托人</td>
																	</s:if>
																	<td>
																		<input type="text" name="clientName" readOnly="readOnly" value='<s:property value="%{client[#status.index]}"/>'>
																		<input type="hidden" name="clientType" readOnly="readOnly" value=<s:property />></td>
																</tr>
															</s:iterator>

															<s:iterator value="contrayClientType" status="status">
																<tr>
																	<s:if test="%{#status.index==0}">
																		<td rowspan="<s:property value='contrayClientType.size()'/>">对方当事人</td>
																	</s:if>
																	<td>
																		<input type="text" name="contrayClientName" readOnly="readOnly" value='<s:property value="%{contrayClient[#status.index]}"/>'>
																		<input type="hidden" name="contrayClientType" readOnly="readOnly" value=<s:property />></td>
																</tr>
															</s:iterator>

															<tr>
																<td>案件简况</td>
																<td>
																	<textarea  name="caseProfile" class="w_10" ></textarea>
																</td>
															</tr>

														</table>
													</div>
													<!-- ******************************************************************** -->
												</div>
												
												<div id="ant_case2" style="display: block;">
												<!-- ******************************************************************** -->
												<table cellSpacing=0 cellPadding=0 width="100%" border=1px>
													<tr>
														<td width="10%">展业费使用分配
															<select name="caseAcqcost">
																<option selected value=0.3>30%</option>
																<option value=0.4>40%</option>
																<option value=0.5>50%</option>
															</select>
															<input type="button" class="addPerson1" value="+">
														</td>
														<td>
															<table width="100%">
																<tr>
																	<td align="center">人员</td>
																	<td align="center">所属部门</td>
																	<td align="center">展业费比例</td>
																</tr>
																<tr class="trPerson1">
																	<td align="center">
																		<input type="text" name="person1">&nbsp;
																		<input type="hidden" name="alawerId" value=0>&nbsp;</td>
																	<td align="center">
																		<input type="text" name="dept1">
																	</td>
																	<td align="center">
																		<input type="text" name="aratio">%
																	</td>
																	<td></td>
																</tr>

															</table>
														</td>
													</tr>
													<tr>
														<td>计费方式</td>
														<td>
															<input type="radio" checked name="bilingMethod" value="计件">计件
															<input type="radio" name="bilingMethod" value="计时">计时
															<input type="radio" name="bilingMethod" value="按标的">按标的
															<input type="radio" name="bilingMethod" value="风险">风险
															<input type="radio" name="bilingMethod" value="分段">分段
															<input type="radio" name="bilingMethod" value="减收费">减收费
															<input type="radio" name="bilingMethod" value="免费">免费
															<input type="radio" name="bilingMethod" value="合并收费">合并收费
															<input type="radio" name="bilingMethod" value="收费待定">收费待定
															<input type="radio" name="bilingMethod" value="其他"> 其他（请在备注中加以说明）</td>
													</tr>

													<tr>
														<td>计费金额</td>
														<td>
															<table width="100%">
																<tr>
																	<td></td>
																	<td align="center">应收代理费</td>
																	<td align="center">应收差旅费</td>
																	<td align="center">协议收费期间</td>
																	<td align="center">备注</td>
																</tr>
																<tr>
																	<td>
																		<select name="currencyType">
																			<option selected value="1">人民币</option>
																			<option value="欧元">欧元</option>
																			<option value="美元">美元</option>
																			<option value="英镑">英镑</option>
																			<option value="韩元">韩元</option>
																			<option value="日元">日元</option>
																		</select>
																	</td>
																	<td>
																		<input type="text" name="agencyFee" class="w_7">元</td>
																	<td>
																		<input type="text" name="travelExpense" class="w_7">元</td>
																	<td>
																		<input type="text" name="protocolStartdate" class="w_4" onClick="WdatePicker()" />至
																		<input type="text" name="protocolEnddate" class="w_4" onClick="WdatePicker()" />
																	</td>
																	<td>
																		<textarea name="notes" width="auto" class="w_10" ></textarea>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td>减免收费</td>
														<td>
															<input type="text" name="caseChargeReduction" width="100%">
														</td>
													</tr>
													<tr>
														<td>费用分配</td>
														<td align="center">
															<span>参与承揽与经办人员及律师费分配</span><br />
															<input type="radio" name="caseBenefitType" value="0" checked>按比例
															<input type="radio" name="caseBenefitType" value="1">按收费
															<input type="radio" name="caseBenefitType" value="2">待定</td>
													</tr>
													<tr>
														<td>费用分配
															<input type="button" class="addPerson2" value="+">
														</td>
														<td>
															<table width="100%">
																<tr>
																	<td align="center">人员</td>
																	<td align="center">所属部门</td>
																	<td align="center">律师费</td>
																	<td align="center">差旅费</td>
																	<td align="center" class="hour">客户计时收费费率</td>
																</tr>

																<tr class="trPerson2">

																	<td>
																		<input type="text" name="person2" class="w_9">
																		<input type="hidden" name="clawerId" value=0>
																	</td>

																	<td>
																		<input type="text" name="dept2" class="w_9">
																	</td>
																	<td align="center">
																		<input type="text" name="attorneyFee" class="w_7">%</td>
																	<td align="center">
																		<input type="text" name="ctravelExpense" class="w_7"> 元</td>
																	<td align="center" class="hour">
																		<input type="text" name="hourExpense" class="w_6"> 元/小时</td>

																</tr>

															</table>
														</td>
													</tr>
													<tr>
														<td>注意事项</td>
														<td>非效益制同一部门需填写在一行上。</td>
													</tr>
													<tr>
														<td>备注</td>
														<td>
															<textarea name="caseNotes" class="w_10"></textarea>
														</td>
													</tr>

													<tr>
														<td>任务和日程安排
															<input type="button" class="addPerson3 " value="+">
														</td>
														<td>
															<table width="100%">

																<tr class="pretrPerson3">
																	<td align="center">时间</td>
																	<td align="center">人员</td>
																	<td align="center">任务</td>
																</tr>
																<tr class="trPerson3">
																	<td align="center">
																		<input type="text" name="taskDate" onClick="WdatePicker()" />
																	</td>
																	<td align="center">
																		<input type="text" name="person3">
																		<input type="hidden" name="tlawerId" value=0>
																	</td>
																	<td align="center">
																		<input type="text" name="content">
																	</td>
																	<td align="center">
																		<input type="button" class="deletePerson3" value="-">
																	</td>

																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td>协议上传</td>
														<td>
															<input type="text" name="browse">
															<input type="file" name="file" id="file" value="选择文件">
															<input type="hidden" name="isupload" value=0>
															<input type="button" id="upload" value="上传协议">
														</td>
													</tr>
												</table>
												填报人：
												<input type="text" name="lawerUsername" vaule="lawerUsername">
												</br>
												<div align=right>
													<input type="button" id="save" name="save" value="保存并提交">
													<input type="button" name="exit" value="退出">
												</div>
												<!--/**************************-->
												</div>
									
									</div>
									</div>
									</form>
								</div>
								<!-- /.box-body -->
							</div>
						</div>
						<div class="col-md-4 hidden-xs">
							<div class="box box-primary">
								<div class="box-header">
									<i class="ion ion-clipboard"></i>
									<h3 class="box-title">帮助</h3>
								</div>
								<!-- /.box-header -->
								<div class="box-body">
									帮助显示内容区
								</div>
								<!-- /.box-body -->
							</div>
						</div>
					</div>

					<!-- /主要内容显示区 -->

				</section>
				<!-- /.content -->
			</div>
			<!-- /.content-wrapper -->

			<!-- Main Footer -->
			<footer class="main-footer">
				<!-- To the right -->
				<div class="pull-right hidden-xs">
					德衡律师事务所
				</div>
				<!-- Default to the left -->
				<strong>Copyright &copy; 2015 <a href="#">德衡律师事务所</a>.</strong> All rights reserved.
			</footer>

			<!-- Control Sidebar -->
			<aside class="control-sidebar control-sidebar-dark">
				<!-- Create the tabs -->
				<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
					<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
					<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
				</ul>
				<!-- Tab panes -->
				<div class="tab-content">
					<!-- Home tab content -->
					<div class="tab-pane active" id="control-sidebar-home-tab">
						<h3 class="control-sidebar-heading">Recent Activity</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript::;">
									<i class="menu-icon fa fa-birthday-cake bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
										<p>Will be 23 on April 24th</p>
									</div>
								</a>
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->

						<h3 class="control-sidebar-heading">Tasks Progress</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript::;">
									<h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
									<div class="progress progress-xxs">
										<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
									</div>
								</a>
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->

					</div>
					<!-- /.tab-pane -->
					<!-- Stats tab content -->
					<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
					<!-- /.tab-pane -->
					<!-- Settings tab content -->
					<div class="tab-pane" id="control-sidebar-settings-tab">
						<form method="post">
							<h3 class="control-sidebar-heading">General Settings</h3>
							<div class="form-group">
								<label class="control-sidebar-subheading">
									Report panel usage
									<input type="checkbox" class="pull-right" checked>
								</label>
								<p>
									Some information about this general settings option
								</p>
							</div>
							<!-- /.form-group -->
						</form>
					</div>
					<!-- /.tab-pane -->
				</div>
			</aside>
			<!-- /.control-sidebar -->
			<!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
			<div class="control-sidebar-bg"></div>
		</div>
		<!-- ./wrapper -->

		<!-- REQUIRED JS SCRIPTS -->

		<!-- jQuery 2.1.4 -->
		<!--<script src="jQuery/jQuery-2.1.4.min.js"></script>-->
		<script src="jQuery/jquery-1.11.2.min.js" type="text/javascript"></script>
		<!-- Bootstrap 3.3.5 -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- AdminLTE App -->
		<script src="js/app.min.js"></script>
		<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="js/ajaxfileupload.js"></script>
		<script src="//cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
		<script>
	$(document)
			.ready(
					function() {
						    var now = new Date();
  							var yr = now.getFullYear();
  							var mName = now.getMonth() + 1;
 							var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
 							var Month;
 							if(mName==1) Month="1月";
  							if(mName==2) Month="2月";
  							if(mName==3) Month="3月";
  							if(mName==4) Month="4月";
  							if(mName==5) Month="5月";
 							if(mName==6) Month="6月";
  							if(mName==7) Month="7月";
  							if(mName==8) Month="8月";
 							if(mName==9) Month="9月";
  							if(mName==10) Month="10月";
 							if(mName==11) Month="11月";
 							if(mName==12) Month="12月";
  							//var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
  							var DayDateTime=(yr+ "年"+""+ Month+ dayNr+ "日" );
  							//alert(DayDateTime);
  							//document.getElementById ("caseDate").innerText="1111";
  							document.getElementById("caseDate").setAttribute("value",DayDateTime);
					    person1fn=function(){
                        $("input[name='person1']").each(function(index) {
                            $("input[name='person1']").eq(index).unbind();
                            var jsonarray1 = [];
                            $(this).autocomplete({
                                source : jsonarray1
                            });
                            $(this).bind("input propertychange", function() {
                                var name = $(this).val();
                                 $("input[name='alawerId']").eq(index).val(0);
                                $.ajax({
                                    type : "POST",
                                    url : "getSomeones.action",
                                    traditional : true,
                                    dataType : "json",
                                    data : {
                                        "name" : name
                                    },
                                    async : true,
                                    error : function(request) {

                                    },
                                    success : function(data) {

                                        var json = eval("(" + data + ")");
                                        jsonarray1 = [];
                                        for ( var i = 0; i < json.length; i++) {
                                            jsonarray1.push({
                                                label : json[i].label,
                                                id : json[i].id,
                                                deptname : json[i].deptname
                                            });
                                        }

                                        $("input[name='person1']").eq(index).unbind("autocomplete");
                                        $("input[name='person1']").eq(index).autocomplete({
                                            source : jsonarray1,

                                            select: function(e, ui) {
                                                $("input[name='dept1']").eq(index).val(ui.item.deptname);
                                                $("input[name='alawerId']").eq(index).val(ui.item.id);
                                            }

                                        });
                                    }

                                });
                            });
                        });
					    };
					    
					     person2fn=function(){
                        $("input[name='person2']").each(function(index) {
                            $("input[name='person2']").eq(index).unbind();
                            var jsonarray2 = [];
                            $(this).autocomplete({
                                source : jsonarray2
                            });
                            $(this).bind("input propertychange", function() {
                                var name = $(this).val();
                                 $("input[name='clawerId']").eq(index).val(0);
                                $.ajax({
                                    type : "POST",
                                    url : "getSomeones.action",
                                    traditional : true,
                                    dataType : "json",
                                    data : {
                                        "name" : name
                                    },
                                    async : true,
                                    error : function(request) {

                                    },
                                    success : function(data) {

                                        var json = eval("(" + data + ")");
                                        jsonarray2 = [];
                                        for ( var i = 0; i < json.length; i++) {
                                            jsonarray2.push({
                                                label : json[i].label,
                                                id : json[i].id,
                                                deptname : json[i].deptname
                                            });
                                        }

                                        $("input[name='person2']").eq(index).unbind("autocomplete");
                                        $("input[name='person2']").eq(index).autocomplete({
                                            source : jsonarray2,
                                            select: function(e, ui) {
                                                $("input[name='dept2']").eq(index).val(ui.item.deptname);
                                                $("input[name='clawerId']").eq(index).val(ui.item.id);
                                                $("input[name='person2']").eq(index).val(ui.item.label);
                                                person3fn();
                                            }
                                        });
                                    }

                                });
                            });
                        });
					    };
					    
					     person3fn=function(){
                        $("input[name='person3']").each(function(index) {
                         $("input[name='person3']").eq(index).unbind();
                            var jsonarray3 = [];
                            $("input[name='person3']").eq(index).autocomplete({
                                source : jsonarray3
                            });
                            var name = $(this).val();

                            jsonarray3 = [];

                            $("input[name='person2']").each(function(index1){

                                if( $("input[name='clawerId']").eq(index1)!=0){

                                    jsonarray3.push({
                                        label :$("input[name='person2']").eq(index1).val(),
                                        id : $("input[name='clawerId']").eq(index1).val()
                                    });
                                }
                            });
                             $(this).bind("input propertychange", function() {
                                $("input[name='tlawerId']").eq(index).val(0);
                            });
                            $("input[name='person3']").eq(index).unbind("autocomplete");
                            $("input[name='person3']").eq(index).autocomplete({
                                source : jsonarray3,
                                select: function(e, ui) {
                                    $("input[name='person3']").eq(index).val(ui.item.label);
                                    $("input[name='tlawerId']").eq(index).val(ui.item.id);
                                }
                            });

                        });
					    };
                        save=function(){
                            $("#save").unbind();
                            $("#save").click(function(){
                                var person1=1;
                                var aratio=1;
//                                var   reg=/^d+(.d+)?$/;
                                var   reg=/^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|[1-9]\d*$/;
                                $("input[name='alawerId']").each(function(index){
                                    if($("input[name='alawerId']").eq(index).val()==0){
                                        person1=0;
                                    }
                                    if($("input[name='aratio']").eq(index).val()==null||$("input[name='aratio']").eq(index).val().trim()==""){
                                        aratio=0;
                                    }else if(reg.test($("input[name='aratio']").eq(index).val())==false){
                                        aratio=0;
                                    }

                                });
                                var person2=1;
                                var attorneyFee=1;
                                var ctravelExpense=1;
                                var hourExpense=1;
                                $("input[name='clawerId']").each(function(index){
                                    if($("input[name='clawerId']").eq(index).val()==0){
                                        person2=0;
                                    }
                                    if($("input[name='attorneyFee']").is(":visible")==true){
                                        if($("input[name='attorneyFee']").eq(index).val()==null||$("input[name='attorneyFee']").eq(index).val().trim()==""){
                                            attorneyFee=0;
                                        }else if(reg.test($("input[name='attorneyFee']").eq(index).val())==false){
                                            attorneyFee=0;
                                        }
                                    }

                                    if($("input[name='ctravelExpense']").eq(index).val()==null||$("input[name='ctravelExpense']").eq(index).val().trim()==""){
                                        ctravelExpense=0;
                                    }else if(reg.test($("input[name='ctravelExpense']").eq(index).val())==false){
                                        ctravelExpense=0;
                                    }
                                    if($("input[name='hourExpense']").is(":visible")==true){
                                        if($("input[name='hourExpense']").eq(index).val()==null||$("input[name='hourExpense']").eq(index).val().trim()==""){
                                            hourExpense=0;
                                        }else if(reg.test($("input[name='hourExpense']").eq(index).val())==false){
                                            hourExpense=0;
                                        }
                                    }

                                });
                                var person3=1;
                                var taskDate=1;
                                var content=1;
                                $("input[name='tlawerId']").each(function(index){
                                    if($("input[name='clawerId']").eq(index).val()==0){
                                        person3=0;
                                    }
                                    if($("input[name='taskDate']").eq(index).val()==null||$("input[name='taskDate']").eq(index).val().trim()==""){
                                        taskDate=0;
                                    }else if(reg.test($("input[name='taskDate']").eq(index).val())==false){
                                        taskDate=0;
                                    }
                                    if($("input[name='content']").eq(index).val()==null||$("input[name='content']").eq(index).val().trim()==""){
                                        content=0;
                                    }
                                });
                                if(  $("input[name='caseCharge']").val()==0){
                                    alert("请输入部门负责人");
                                }else if($("input[name='caseType']").val()==null||$("input[name='caseType']").val().trim()==""){
                                    alert("请选择案件类别");
                                }else if($("input[name='caseAuxiliaryType']").length>0&&($("input[name='caseAuxiliaryType']").val()==null||$("input[name='caseAuxiliaryType']").val().trim()=="")){
                                    alert("请选择案件类别");
                                }else if($("input[name='caseSource']").val()==null||$("input[name='caseSource']").val().trim()==""){
                                    alert("请输入案源人");
                                }else if($("textarea[name='caseProfile']").val()==null||$("textarea[name='caseProfile']").val().trim()==""){
                                    alert("请输入案件简况");
                                }else if($("input[name='caseStartdate']").length>0&&($("input[name='caseStartdate']").val()==null||$("input[name='caseStartdate']").val().trim()=="")){
                                    alert("请输入顾问时间");
                                }
                                else if($("input[name='caseEnddate']").length>0&&($("input[name='caseEnddate']").val()==null||$("input[name='caseEnddate']").val().trim()=="")){
                                    alert("请输入顾问时间");
                                }else if($("input[name='caseParty']").length>0&&($("input[name='caseParty']").val()==null||$("input[name='caseParty']").val().trim()=="")){
                                    alert("请输入当事人");
                                }else if($("input[name='casePartyCompany']").length>0&&($("input[name='casePartyCompany']").val()==null||$("input[name='casePartyCompany']").val().trim()=="")){
                                    alert("请输入当事人单位名称");
                                }else if($("input[name='caseVictim']").length>0&&($("input[name='caseVictim']").val()==null||$("input[name='caseVictim']").val().trim()=="")){
                                    alert("请输入受害人");
                                }else if(person1==0){
                                    alert("请输入展业费中的人员");
                                }else if(aratio==0){
                                    alert("展业费比例为空或者不为正数");
                                }else if(person2==0){
                                    alert("请输入律师费中的人员");
                                }else if(attorneyFee==0){
                                    alert("律师费为空或者不为正数");
                                }else if(ctravelExpense==0){
                                    alert("律师费中差旅费为空或者不为正数");
                                }else if(hourExpense==0){
                                    alert("请输入客户计时收费费率");
                                }else if(person3==0){
                                    alert("请输入任务和日程安排中的人员");
                                }else if(taskDate==0){
                                    alert("请输入任务和日程安排中的时间");
                                }else if(content==0){
                                    alert("请输入任务和日程安排中的任务");
                                }else if($("input[name='isupload']").val()==0){
                                    alert("请上传协议");
                                }
                                else{
                                    $("#form").submit();
                                }


                            });
                        }
					    
					     person1fn();
					      person2fn();
// 					       person3fn();

						var num = document.getElementById("choose").value;
						var flgw = $("#flgw").prop("outerHTML");
						var ssyzcywfxs = $("#ssyzcywfxs").prop("outerHTML");
						var ssyzcywxs = $("#ssyzcywxs").prop("outerHTML");
						var fssyw = $("#fssyw").prop("outerHTML");
						$("#change").empty();
						$("#change").append(flgw);
						$("#caseType").click(function() {
							$("#caseTypeChooseTr").toggle();
						});
						$("#closeCaseTypeChoose").click(function() {
							$("#caseTypeChooseTr").hide();
						});
                        save();
						$(".caseAuxiliaryTypeChoose")
								.click(
										function() {
											window
													.open(
															"1ajlb.html",
															"",
															"menubar=no,states=no,scrollbars=yes,directories=no,location=no,toolbar=no,height=300,width=500");
										});
						$(".caseTypeChoose").each(function(index) {
							$(this).click(function() {
								$("#caseType").val($(this).text().trim());
								$("#caseTypeChooseTr").hide();
								return false;
							});
						});
						$("input[name='personChoose1']")
								.each(
										function(index) {
											$(this)
													.click(
															function() {
																var action = "choosePerson.action?which=1&index="
																		+ index;
																window
																		.open(
																				action,
																				"",
																				"menubar=no,states=no,scrollbars=yes,directories=no,location=no,toolbar=no,height=300,width=500");
															});

										});
						$("input[name='personChoose2']")
								.each(
										function(index) {
											$(this)
													.click(
															function() {
																var action = "choosePerson.action?which=2&index="
																		+ index;
																window
																		.open(
																				action,
																				"",
																				"menubar=no,states=no,scrollbars=yes,directories=no,location=no,toolbar=no,height=300,width=500");
															});
										});
						$("input[name='personChoose3']")
								.each(
										function(index) {
											$(this)
													.click(
															function() {
																var action = "choosePerson.action?which=3&index="
																		+ index;
																window
																		.open(
																				action,
																				"",
																				"menubar=no,states=no,scrollbars=yes,directories=no,location=no,toolbar=no,height=300,width=500");
															});
										});

						$("#choose")
								.change(
										function() {
											num = document
													.getElementById("choose").value;
											if (num == "法律顾问") {
												$("#change").empty();
												$("#change").append(flgw);

											} else if (num == "诉讼与仲裁业务（非刑事）") {
												$("#change").empty();

												$("#change").append(ssyzcywfxs);
											} else if (num == "诉讼与仲裁业务（刑事）") {
												$("#change").empty();

												$("#change").append(ssyzcywxs);
											} else if (num == "非诉讼业务") {
												$("#change").empty();

												$("#change").append(fssyw);
											}
											$("#caseType").click(
													function() {
														$("#caseTypeChooseTr")
																.toggle();
													});
											$("#closeCaseTypeChoose").click(
													function() {
														$("#caseTypeChooseTr")
																.hide();
													});

											$(".caseTypeChoose")
													.each(
															function(index) {
																$(this)
																		.click(
																				function() {
																					$(
																							"#caseType")
																							.val(
																									$(
																											this)
																											.text()
																											.trim());
																					$(
																							"#caseTypeChooseTr")
																							.hide();
																					return false;
																				});
															});
											$(".caseAuxiliaryTypeChoose")
													.unbind();
											$(".caseAuxiliaryTypeChoose")
													.click(
															function() {
																window
																		.open(
																				"1ajlb.html",
																				"",
																				"menubar=no,states=no,scrollbars=yes,directories=no,location=no,toolbar=no,height=300,width=500");
															});
															save();
										});

						$("#upload")
								.click(
										function() {
											$
													.ajaxFileUpload({
														url : 'ajaxUploadProtocol.action',

														fileElementId : "file",
														dataType : "json",
														error : function(data) {
															alert(data);
															alert("上传失败，请重新上传");
														},
														success : function(
																data, status) //服务器成功响应处理函数
														{
															alert(data);
															data = eval("("
																	+ data
																	+ ")");

															if (data.code == "same") {
																var name = confirm("你上传的文件与之前的文件同名，是否覆盖之前的文件");

															} else if (data.code == "success") {
																$("input[name='isupload']").val(1);
															} else if (data.code == "fail") {
																alert("上传失败，请重新上传");
															}
														}

													});

										});

						var jsonarray = [];
						$("input[name='manager']").autocomplete({
							source : jsonarray
						});
						$("input[name='manager']")
								.bind(
										"input propertychange",
										function() {
									 var name = $(this).val();
                                            $("input[name='caseCharge']").val(0);
											$
													.ajax({
														type : "POST",
														url : "getSomeones.action",
														traditional : true,
														dataType : "json",
														data : {
															"name" : name,
															"manager" : true
														},
														async : true,
														error : function(
																request) {
															alert("发送请求失败！");
														},
														success : function(data) {
															var json = eval("("
																	+ data
																	+ ")");
																	
															jsonarray = [];
															for ( var i = 0; i < json.length; i++) {
																jsonarray
																		.push({

																			label : json[i].label,
																			id : json[i].id,
																			deptname : json[i].deptname
																		});
															}
															
															$(
																	"input[name='manager']")
																	.unbind(
																			"autocomplete");

															$(
																	"input[name='manager']")
																	.autocomplete(
																			{
																				source : jsonarray ,
                                                                                select: function(e, ui) {
                                                                                    $("input[name='caseCharge']").val(ui.item.id);
                                                                                }
																			});

														}

													});
										});
						var person1 = '<tr class="trPerson1"><td align="center"><input type="text"name="person1">&nbsp;<input type="hidden" name="alawerId" value=0 >&nbsp;</td><td align="center"><input type="text" name="dept1"></td><td align="center"><input type="text" name="aratio">%</td><td><input type="button"class="deletePerson1"value="-"></td></tr>';
						$(".addPerson1").click(function() {
							var length = $(".trPerson1").length;
							$(".trPerson1").eq(length - 1).after(person1);

							$(".deletePerson1").unbind();

                            person1fn();
                            save();
							$(".deletePerson1").each(function(index) {
								$(this).click(function() {
									$(this).parent().parent().remove();
                                     person1fn();
                                    save();
								});
							});
						});

						var person2 = '<tr class="trPerson2"><td><input type="text"name="person2" class="w_9"><input type="hidden" name="clawerId" value=0 ></td><td><input type="text"name="dept2" class="w_9"></td><td align="center"><input type="text"name="attorneyFee"class="w_7">%</td><td align="center"><input type="text"name="ctravelExpense"class="w_7">元</td><td align="center"class="hour"><input type="text"name="hourExpense"class="w_6">元/小时</td><td><input type="button"class="deletePerson2"value="-"></td></tr>';
						$(".addPerson2").click(function() {
							var length = $(".trPerson2").length;
							$(".trPerson2").eq(length - 1).after(person2);

							$(".deletePerson2").unbind();
                            person2fn();
                            save();
							$(".deletePerson2").each(function(index) {
								$(this).click(function() {
									$(this).parent().parent().remove();
                                    person2fn();
                                    save();
								});
							});
						});

						var person3 = '<tr class="trPerson3"><td align="center"><input type="text"name="taskTime"onClick="WdatePicker()"/></td><td align="center"><input type="text"name="person3"><input type="hidden"name="tlawerId" value=0></td><td align="center"><input type="text"name="task"></td><td align="center"><input type="button"class="deletePerson3" value="-"></td></tr>';
						$(".addPerson3").click(function() {
							var length = $(".trPerson3").length;
							if(length==0){
							$(".pretrPerson3").after(person3);
							}else{
							$(".trPerson3").eq(length - 1).after(person3);
							}
							$(".deletePerson3").unbind();
                            person3fn();
                            save();
							$(".deletePerson3").each(function(index) {
								$(this).click(function() {
									$(this).parent().parent().remove();
                                    person3fn();
                                    save();
								});
							});
						});



				
						

					});
</script>

</html>